<template>
    <div class="">

        <el-menu router active-text-color="#ffd04b" background-color="#545c64" class="el-menu-vertical-demo"
            default-active="2" text-color="#fff">
            <el-sub-menu index="1">
                <template #title>
                    <el-icon>
                        <location />
                    </el-icon>
                    <span>权限管理</span>
                </template>
                <el-menu-item index="/user">用户管理</el-menu-item>
                <el-menu-item index="/menu">菜单管理</el-menu-item>
                <el-menu-item index="/role">角色管理</el-menu-item>
            </el-sub-menu>

            <el-sub-menu index="2">
                <template #title>
                    <el-icon>
                        <location />
                    </el-icon>
                    <span>其他组件</span>
                </template>
                <el-menu-item index="/tag">tag</el-menu-item>
                <el-menu-item index="/menu1">菜单管理</el-menu-item>
                <el-menu-item index="/role1">角色管理</el-menu-item>
            </el-sub-menu>

        </el-menu>
    </div>


</template>

<script setup lang="ts" name="MisMenu">

</script>

<style scoped></style>